<template>
  <van-empty class="g-empty" :image="emptyImg" :description="text" />
</template>

<script>
import emptyImg from '@/assets/images/icon-empty.png'
import { Empty } from 'vant'
export default {
  name: 'GEmpty',
  components: {
    [Empty.name]: Empty
  },
  props: {
    text: {
      type: String,
      default: '暂无数据'
    }
  },
  data() {
    return {
      emptyImg
    }
  }
}
</script>

<style lang="less">
.g-empty {
  padding-top: 200px;
  .van-empty__image {
    width: 160px;
    height: 160px;
  }
}
</style>
